// scss变量用于快速生成全局样式类

// scss map
// color
$colors: (
        "black" : #555,
        "green": #c8e6c9,
        "teal": #b2dfdb,
        "pink": #f8bbd0,
        "grey": #eee,
        "orange": #ffcc80,
        "lime": #e6ee9c
);

// font-size
$base-font-size: 1rem; // 目前16px
$font-size: (
        xs: 0.75, //12px
        sm: 0.875, //14px
        md: 1,
        lg: 1.125,
        xl: 1.5,
        xxl: 2
);

//flex
$flex-jc: (
        start: flex-start,
        end: flex-end,
        center: center,
        between: space-between,
        around: space-around
);
$flex-ai: (
        start: flex-start,
        end: flex-end,
        center: center,
        stretch: stretch
);

//margin&padding
$spaceing-type: (
        m:margin,
        p:padding
);
$spaceing-directions: (
        t: top,
        r:right,
        b:bottom,
        l:left
);
$spaceing-base-size: 2rem;
$spaceing-sizes: (
        0:0,
        1: 0.25,
        2: 0.5,
        3: 1,
        4: 1.5,
        5: 3
)